<template>
  <div>
    首页
  </div>
</template>
<script>
export default {
/*

*/
  created() {
    const list = [
      { id: 0, name: '广东省', pid: '' },
      { id: 1, name: '深圳市', pid: 0 },
      { id: 2, name: '宝安区', pid: 1 },
      { id: 3, name: '石岩', pid: 2 }
    ]
    console.log(this.changeData(list, ''))
  },
  methods: {
    /*
    1:找出第一层数据
    2：pid使用形参
    3：给找出的每一项加children
    4:使用递归，找出每一项的子集，子集的pid就是自己的id
    */
    changeData(arr, pid) {
      return arr.filter(item => {
        if (item.pid === pid) {
          item.children = this.changeData(arr, item.id)
          return true
        }
      })
    }
  }
}
</script>
<style>
</style>
